@charset "utf-8";
/* CSS Document */

/*leftBox*/
.leftBox
{
	float:left;
	margin-left:120.5px;
	height:395px;
	width:280px;
	border:#d9d9d9 thin solid;
}
.leftBoxTitleName1
{
	float:left;
	width:140px;
	height:42px;
	font-size:17px;
    line-height:42px;
	border-bottom:2px #dd4f50 solid;
	cursor:pointer;
}
.leftBoxTitleName2
{
	float:left;
	width:140px;
	height:42px;
	line-height:42px;
	font-size:17px;
	background:#f7f7f7;
    cursor:pointer;
}
.choose
{
	float:left;
	margin-left:20px;
	margin-top:18px;
	width:245px;
	height:35px;
	border-radius:4px 4px 4px 4px;
	border:#d9d9d9 thin solid;
}
.chooseName
{
	float:left;
	height:35px;
	width:50px;
	line-height:35px;
	font-size:14px;
}
.spe2
{
	float:left;
	margin-top:5px;
	height:25px;
	width:2px;
	background:#d9d9d9;
}
input.selectCss
{
	float:left;
	height:32px;
	width:175px;
	border:none;
	text-indent:10px;
	background-image:url(../Images/Index/xialaSmall.png);
	background-position:right;
	background-repeat:no-repeat;
	overflow: hidden;
	background-size:11px 11px;
	outline: none;
	line-height:32px;

}
input.selectCss2
{
	float:left;
	height:32px;
	width:80px;
	line-height:32px;
	border:none;
	text-indent:10px;
	background-image:url(../Images/Index/xialaSmall.png);
	background-position:right;
	background-repeat:no-repeat;
	overflow: hidden;
	background-size:11px 11px;
	outline: none;
}
.selectBox
{
	float:left;
	height:32px;
	width:80px;
	outline: none;
	
}
/*占位的颜色*/
::-webkit-input-placeholder { /* WebKit browsers */
　　color:#A5A5A5;
　　}
　　:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
　　color:#A5A5A5;
　　}
　　::-moz-placeholder { /* Mozilla Firefox 19+ */
　　color:#A5A5A5;
　　}
　　:-ms-input-placeholder { /* Internet Explorer 10+ */
　　color:#A5A5A5;
　　}
/****************/
/*自定义下拉框*/
ul.value
{
	position:relative;
	left:50px;
	max-height:150px;
	width:194px;
	border:#d9d9d9 thin solid;
	border-top:none;
	background:#FFF;
	display:none;
	margin:0px;
    padding:0px;
	font-size:15px;
	overflow-y:auto;
	overflow-x:hidden;
}
ul.value2
{
	position:relative;
	left:0px;
	max-height:150px;
	width:90px;
	border:#d9d9d9 thin solid;
	border-top:none;
	background:#FFF;
	display:none;
	margin:0px;
    padding:0px;
	font-size:15px;
	overflow-y:auto;
	overflow-x:hidden;
	z-index:9999;
}
li.li2
{
	float:left;
	display:inline;
	text-align:left;
	width:90px;
	height:30px;
	text-indent:10px;
	margin-top:-30px;
	margin-bottom:30px;
	line-height:30px;
	list-style:none;
}
li
{
	float:left;
	display:inline;
	text-align:left;
	width:195px;
	height:30px;
	text-indent:10px;
	margin-top:-30px;
	margin-bottom:30px;
	line-height:30px;
	list-style:none;
}
input.inputText
{
	float:left;
	height:32px;
	width:140px;
	text-indent:10px;
	border:none;
	line-height:32px;
	outline: none;
	
}
input.inputText2
{
	float:left;
	height:32px;
	width:190px;
	text-indent:10px;
	border:none;
	line-height:32px;
	outline: none;
}
.unitText
{
	float:left;
	height:35px;
	width:50px;
	color:#A5A5A5;
	line-height:35px;
	font-size:14px;
}
input.leftBoxButton
{
	float:left;
	margin-left:20px;
	margin-top:20px;
	width:250px;
	height:40px;
	line-height:40px;
	font-size:18px;
	text-align:center;
	color:#FFF;
	border:none;
	background:#dd4f50;
	border-radius:4px 4px 4px 4px;
	cursor:pointer;
}
.leftText1
{
	float:left;
	margin-left:20px;
	margin-top:18px;
	width:250px;
	height:20px;
	color:#b3b2b2;
	line-height:20px;
}
.leftText2
{
	float:left;
	margin-left:20px;
	margin-top:5px;
	width:250px;
	height:15px;
	font-size:14px;
	color:#dd4f50;
	line-height:15px;
	
}
.tab1Main
{

	height:350px;
	width:280px;
	display:block;
	
}
.tab2Main
{
	float:left;
	height:350px;
	width:280px;
	display:none;
}
/*middleBox*/
.middleBox
{
	float:left;
	margin-top:10px;
	margin-left:15px;
	width:600px;
	height:375px;
	overflow:hidden;

}
.tplb1
{
	float:left;
	width:600px;
	height:375px;
	position:relative;
}
.tplb2
{
	float:left;
	width:600px;
	height:375px;
	top:-375px;
	left:600px;
	position:relative;
}
.tplb3
{
	float:left;
	width:600px;
	height:375px;
	top:-750px;
	left:1200px;
	position:relative;
}
.buttonBox
{
	position:absolute;
	top:550px;
	height:30px;
	width:600px;

}
.button
{
    display:inline-block;
	margin-right:10px;
	height:8px;
	width:55px;
	background:#fff;
	z-index:555;
	cursor:pointer;
}
.leftButtonBox
{
	position:absolute;
	height:375px;
	width:30px;
}
.leftButtonBox img{margin-top:160px;display:none;cursor:pointer;}
.rightButtonBox img{margin-top:160px;display:none;cursor:pointer;}
.rightButtonBox
{
	position:absolute;
	height:375px;
	width:30px;
	margin-left:570px;
	line-height:375px;
}
/*rightBox*/
.rightBox
{
	float:left;
	width:220px;
	margin-top:10px;
	height:373px;
	border:#d9d9d9 thin solid;
	padding-left:10px;
}
.rightBoxTitle
{
	float:left;
	width:221px;
	height:40px;
}
.rightBoxIcon
{
	float:left;
	height:40px;
	width:46px;
	background-image:url(../Images/Index/hottitle.png);
	background-size:46px 19px;
}
.rightBoxTitleName
{
	float:left;
	height:40px;
	width:auto;
	line-height:40px;
	margin-left:10px;
	font-size:17px;
}
.rightBoxMain
{
	float:left;
	margin-top:20px;
	width:210px;
	height:65px;
}
.rightBoxLeft
{
	float:left;
	height:65px;
	width:110px;
}
.rightBoxLeftTitle1
{
	float:left;
	width:110px;
	height:45px;
	font-size:14px;
	line-height:15px;
	overflow:hidden;
	text-align:left;
}
.rightBoxLeftTitle2
{
	float:left;
	width:110px;
	height:20px;
	text-align:left;
	font-size:12px;
	color:#A5A5A5;
}
.rightBoxRight
{
	float:left;
	margin-left:5px;
	height:65px;
	width:95px;
}
.rightBoxAds
{
	float:left;
	margin-top:13px;
	width:231px;
	height:65px;
	margin-left:-11px;
}
.spe
{
	float:left;
	width:832px;
	margin-top:8px;
	margin-left:15px;
	height:4px;
	background-image:url(../Images/Index/spe.png);
}
/*flowBox*/
.flowBox
{
	float:left;
	margin-left:120.5px;
	margin-top:60px;
	width:1125px;
	height:45px;
}
.flowBoxTitle1
{
	float:left;
	height:45px;
	width:auto;
	font-size:28px;
}
.flowBoxTitle2
{
	float:left;
	margin-top:15px;
	margin-left:15px;
	height:15px;
	font-size:14px;
	color:#b3b2b2;
}
.flowBoxTitleOther
{
	float:right;
	height:25px;
	line-height:25px;
	width:120px;
	border:#dd4f50 thin solid;
}
.flowBoxMain
{
	float:left;
	margin-top:10px;
	margin-left:120.5px;
	height:116px;
	width:1125px;
}
.flowStepBox
{
	float:left;
	margin-left:10px;
	height:116.1px;
	width:116.1px;
}
.flowStepIcon
{
	float:left;
	height:90px;
	width:120px;
	background-size:45px 45px;
}
.flowStepText
{
	float:left;
	height:30px;
	width:120px;
	color:#b3b2b2;
}
/*装修招标*/
.inviteBox
{
	float:left;
	margin-left:120.5px;
	margin-top:60px;
	width:1125px;
	height:45px;
}
.inviteBoxTitle1
{
	float:left;
	height:45px;
	width:auto;
	font-size:28px;
}
.inviteBoxTitle2
{
	float:left;
	margin-top:15px;
	margin-left:15px;
	height:15px;
	font-size:14px;
	color:#b3b2b2;
}
.inviteBoxTitle3
{
	float:right;
	margin-top:15px;
	height:15px;
	font-size:14px;
	color:#b3b2b2;
}
.inviteBoxMain
{
	float:left;
	width:1366px;
	height:490px;
	color:#f7f7f7;
	padding-left:120.5px;
}

table.tableCss
{
	float:left;
	margin-top:10px;
	width:1125px;
	height:auto;
	margin-bottom:0px;
}
tr.trTitle
{
	float:left;
	height:40px;
	line-height:40px;
	width:1125px;
	color:#555555;
	text-align:left;
	border-bottom:#dcdcdc thin solid;
}
tr.trMain
{
	float:left;
	height:40px;
	line-height:40px;
	color:#555555;
	width:1125px;
	text-align:left;
	border-bottom:#dcdcdc thin solid;
	margin:0px;
	padding:0px;
}
td.td1
{
	float:left;
	height:40px;
	width:350px;
	line-height:40px;
	overflow:hidden;
	margin:0px;
	padding:0px;
}
td.td2
{
	float:left;
	height:40px;
	width:124px;
	line-height:40px;
	overflow:hidden;
	margin:0px;
	padding:0px;
}
td.td3
{
	float:left;
	height:40px;
	width:140px;
	line-height:40px;
	overflow:hidden;
	margin:0px;
	padding:0px;
}
.invited
{
	float:right;
	margin-top:6px;
	height:26px;
	width:70px;
	line-height:26px;
	border:#555555 thin solid;
	cursor:pointer;
}
.finish
{
	float:right;
	margin-top:6px;
	height:26px;
	width:70px;
	line-height:26px;
	background:#999999;
	color:#FFF;
}
.tableBottom
{
	float:left;
	margin-top:-80px;
	margin-left:120.5px;
	height:102px;
	width:1125px;
}
.shape
{
	float:left;
	margin-left:25px;
	height:100px;
	width:256px;
	background:#FFF;
	border:#cdcdcd thin solid;
}
/*优惠活动*/
.activityBox
{
	float:left;
	margin-left:120.5px;
	margin-top:40px;
	width:1125px;
	height:45px;
}
.activityBoxTitle1
{
	float:left;
	height:45px;
	width:auto;
	font-size:28px;
}
.activityBoxTitle2
{
	float:right;
	margin-top:15px;
	height:15px;
	font-size:14px;
	color:#b3b2b2;
}
.activityMain
{
	float:left;
	margin-top:10px;
	margin-left:120.5px;
	height:230px;
	width:1125px;
}
.activityImageBox
{
	float:left;
	margin-left:15px;
	height:230px;
	width:270px;
}
.activityText
{
	position:absolute;
	height:40px;
	width:270px;
	background:#000;
	margin-top:-40px;
	opacity:0.6;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60); 
    /* this works in IE8 only */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=60)";
}
.activityName
{
	float:left;
	text-indent:10px;
	text-align:left;
	line-height:20px;
	font-size:15px;
	color:#FFF;
	height:20px;
	width:270px;
}
.activityDate
{
	float:left;
	text-indent:10px;
	text-align:left;
	line-height:20px;
	font-size:14px;
	color:#fff;
	height:20px;
	width:270px;
}
/*热门案例*/
.HotCaseBox
{
	float:left;
	margin-left:120.5px;
	margin-top:60px;
	width:1125px;
	height:45px;
}
.HotCaseTitle1
{
	float:left;
	height:45px;
	width:auto;
	font-size:28px;
}
.HotCaseTitle2
{
	float:right;
	margin-top:15px;
	height:15px;
	font-size:12px;
	color:#b3b2b2;
}
.HotCaseMain1
{
	float:left;
	margin-top:10px;
	margin-left:120.5px;
	width:1125px;
	height:360px;
}
.HotCaseImg1
{
	float:left;
	height:360px;
	width:480px;
	overflow:hidden;
}
.HotCaseImg2
{
	float:left;
	margin-left:10px;
	width:205px;
	height:175px;
	
}
.HotCaseImg3
{
	float:left;
	margin-top:10px;
	margin-left:10px;
	width:205px;
	height:175px;
	
}
.HotCaseImg4
{
	float:left;
	margin-top:10px;
	margin-left:10px;
	width:420px;
	height:175px;
}
.HotCaseType1
{
	float:left;
	margin-left:20px;
	margin-top:8px;
	background:#f0f0f0;
	height:24px;
	width:60px;
	color:#555;
	line-height:24px;
	font-size:14px;
	border-bottom:2px solid #FE7718;
	cursor:pointer;
}
.HotCaseType2
{
	float:left;
	margin-left:20px;
	margin-top:8px;
	height:24px;
	width:60px;
	color:#555;
	line-height:24px;
	font-size:14px;
    cursor:pointer;
}
/*三角形*/
.tri
{
	left:25px;
	bottom:4px;
	width:0;
    height:0;
    border-width:0 4px 4px;
    border-style:solid;
    border-color:transparent transparent #FE7718;
    position:relative;
	display:none;
}
/*各种户型*/
.HotCaseBottom
{
	float:left;
	margin-left:120.5px;
	margin-top:20px;
	width:1125px;
	height:140px;
	background:#f8f8f8;
}
.HotCaseShape
{
	float:left;
	width:140px;
	height:140px;

}
.round
{
	float:left;
	margin-left:30px;
	margin-top:15px;
	height:80px;
	width:80px;
	overflow:hidden;
	border-radius:40px 40px 40px 40px;
}
.roundText
{
	float:left;
	height:25px;
	width:140px;
	font-size:14px;
	line-height:30px;
}
/*家具商城*/
.shop
{
	float:left;
	margin-left:120.5px;
	margin-top:60px;
	height:45px;
	width:1125px;
	font-size:28px;
}
.shopSpe
{
	float:left;
	width:437.5px;
	height:10px;
	border-bottom:#d9d9d9 2px solid;
}
.shopSmallTitle
{
	float:left;
	width:250px;
	height:25px;
}
.shopMain
{
	float:left;
	margin-top:20px;
	margin-left:120.5px;
	height:350px;
	width:1125px;
}
.shopShape
{
	float:left;
	height:350px;
	width:281px;
	margin:0px;
	padding:0px;
}
.shopTitle1
{
	float:left;
	width:281px;
	height:45px;
	font-size:18px;
	color:#555555;
}
.shopTitle2
{
	float:left;
	width:281px;
	height:25px;
	font-size:14px;
}
.shopImg
{
	float:left;
	width:281px;
	height:280px;
	margin:0px;
	padding:0px;
}
/*装修攻略*/
.strategyBox
{
	float:left;
	margin-left:120.5px;
	margin-top:60px;
	width:1125px;
	height:45px;
}

.strategyTitle1
{
	float:left;
	height:45px;
	width:auto;
	font-size:28px;
}
.strategyTitle2
{
	float:left;
	margin-top:15px;
	margin-left:15px;
	height:15px;
	font-size:12px;
	color:#b3b2b2;
}
.strategyTitle3
{
	float:right;
	margin-top:15px;
	margin-left:15px;
	height:15px;
	font-size:12px;
	color:#b3b2b2;
}
.noteBox
{
	float:left;
	margin-top:10px;
	margin-left:120.5px;
	height:180px;
	width:1125px;
}
.note
{
	float:left;
	height:180px;
	width:180px;
	background-image:url(../Images/Index/note.png);
}
.noteImg
{
	float:left;
	margin-left:10px;
	height:180px;
	width:226px;
	padding:0px;
}
.noteImgText
{
	position:absolute;
	height:30px;
	width:226px;
	color:#FFF;
	margin-top:-30px;
	background:#000;
	font-size:15px;
	text-indent:10px;
	text-align:left;
	line-height:30px;
	opacity:0.6;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60); 
    /* this works in IE8 only */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=60)";
}
.studyBox
{
	float:left;
	margin-top:10px;
	margin-left:120.5px;
	height:180px;
	width:1125px;
}
.study
{
	float:left;
	margin-top:20px;
	height:180px;
	width:180px;
	background-image:url(../Images/Index/study.png);
	
}
.studyMain
{
	float:left;
	margin-top:20px;
	height:180px;
	width:945px;
	background:#f5f5f5;
}
.studyShape
{
	float:left;
	width:315px;
	height:180px;
	
}
.studyTitle
{
	float:left;
	width:315px;
	height:55px;
	color:#b9b9ba;
	text-align:left;
	text-indent:20px;
	line-height:55px;
	
}
.studyImg
{
	float:left;
	margin-left:20px;
	height:110px;
	width:100px;
}
.studyText
{
	float:left;
	margin-left:10px;
	height:110px;
	width:185px;
	font-size:14px;
	overflow:hidden;
	text-align:left;
	line-height:10px;
}
